<div id="form_leave">
	<div class="pc-nav form-nav">
		<button @click="back(-1)"><i class="icon iconfont">&#xe62b;</i></button>
		<span>外出</span>
	</div>
	<ul class="approval-form-wrap">
		<li>
			<em class="left"><span style="color: red;">*</span>开始时间</em>
			<i class="icon  right">
				<span class="datepicker">
					<vue-datepicker-local v-model="submitJson.component[0].value" ></vue-datepicker-local>
				</span>
			</i>
		</li>
		<li>
			<em class="left"><span style="color: red;">*</span>结束时间</em>
			<i class="icon  right">
				<span class="datepicker">
					<vue-datepicker-local v-model="submitJson.component[1].value"></vue-datepicker-local>
				</span>
			</i>
		</li>
		<li v-if="subFlag &&(/^\s*$/g.test(submitJson.component[0].value) || /^\s*$/g.test(submitJson.component[1].value))">
			<em class="left"></em>
			<i class="right">
				<p style="color: red;" data-false='true'>开始时间或结束时间不能为空</p>
			</i>
		</li>
		<li>
			<em class="left"><span style="color: red;">*</span>外出时间(小时)</em>
			<i class="right">
				<input  type="number" v-model="submitJson.component[2].value" placeholder="请输入外出时间(必填)" />
			</i>
		</li>
		<li v-if="subFlag && /^\s*$/g.test(submitJson.component[2].value)">
			<em class="left"></em>
			<i class="right">
				<p style="color: red;" data-false='true'>外出时间不能为空且不能超过20位</p>
			</i>
		</li>
		<li>
			<em class="left"><span style="color: red;">*</span>外出事由</em>
			<i class="right">
				<textarea name="" rows="" cols="" v-model="submitJson.component[3].value" placeholder="请输入外出事由(必填)"></textarea>
			</i>
		</li>
		<li v-if="subFlag && /^\s*$/g.test(submitJson.component[3].value)">
			<em class="left"></em>
			<i class="right">
				<p style="color: red;" data-false='true'>外出事由不能为空</p>
			</i>
		</li>
		<li>
			<em class="left">图片</em>
			<i class="right">
				<upload_tpl message="img" name="图片" v-on:getfile="getFilefn"></upload_tpl>
			</i>
		</li>
		<li>
			<em class="left">审批人</em>
			<i class="right">
				<dingding_users  v-on:getdingdinguser="getApproveUsers" message="approve" :approve_list="approve_list" :cc_list="cc_list" ></dingding_users>
			</i>
		</li>
		<li>
			<em class="left">抄送人</em>
			<i class="right">
				  <dingding_users v-on:getdingdinguser="getCopyUsers" :approve_list="approve_list" :cc_list="cc_list" message="cc"></dingding_users>
			</i>
		</li>
		<li>
			<em class="left"></em>
			<i class="right">
				  <span v-if="subFlag"></span>
				 <button class="submit-foot" @click="submitFn">提交</button>
			</i>
		</li>
	</ul>
		
</div>
